<template>
	<table class="table table-bordered table-stripped">
		<!-- 表格标题区域 -->
		<thead>
			<tr >
				<slot name="header"></slot>	<!-- 具名插槽 -->
			</tr>
		</thead>
		<!-- 表格主体区域 -->
		<tbody>
			<tr v-for="item in arr" :key="item.id">
				<slot name="body" :obj="item"></slot> <!-- 具名作用域插槽 -->
			</tr>
		</tbody>
	</table>
</template>

<script>
	export default {
		name: 'MyTable',
		props:["arr"]
	}
</script>


<style scoped lang="less">
	.my-goods-list {
		.badge {
			margin-right: 5px;
		}
	}
</style>
